<template>
    <div style="color: #fff;padding: 0 .3rem">
        <div style="height: .98rem">
            <div class="top-tool">
                <a href=""><img src="@/assets/images/消息通知.png" alt=""></a>
                <span style="font-size: .34rem;font-weight:bold;">我</span>
                <el-button type="text" style="color: #fff;" @click="replaseStting()">设置</el-button>
            </div>
        </div>
        <MinePersonal :isLogin="isLogin" :userid="userid"></MinePersonal>
        <MineOrder></MineOrder>
        <MineCommon></MineCommon>
        <div class="seat"></div>
        <Nav></Nav>
    </div>
</template>

<script>

import MinePersonal from '@/components/mine/MinePersonal.vue';
import MineOrder from '@/components/mine/MineOrder.vue';
import MineCommon from '@/components/mine/MineCommon.vue';
import Nav from '@/components/pub/Nav.vue';

import { mapState } from 'vuex';

export default {
    name: 'WorkspaceJsonMine',

    data() {
        return {
            
        };
    },
    components:{
        MinePersonal,
        MineOrder,
        MineCommon,
        Nav,
    },

    computed: {
        // 导入vuex中的登录状态
        ...mapState(['isLogin','userid'])
    },
    created(){
    },

    mounted() {
        
    },

    methods: {
        // 路由到设置
        replaseStting(){
            this.$router.push('/setting')
        },

        // fuu(){
        //     if(this.isLogin == true){
        //         alert('yes')
        //     }else{
        //         alert('false')
        //     }
        // }
    },
};
</script>

<style lang="sass">
@import '@/assets/css/mine/mine.scss'
</style>